::ng-deep.addgraphic .title {
    font-size: 18px;
    font-family: Arial-BoldMT;
    font-weight: bold;
    color: #238ce6;
    padding-bottom: 0.15rem;

    margin-bottom: 0.4rem;
    background-color: #353c70 !important;
    color: #ffffff !important;
}

/* 增加和修改的模态弹框 */
::ng-deep .addgraphic .ant-modal-body {
    background-color: #353c70 !important;
}

/* 修改 */
::ng-deep .addgraphic .ant-col-12 {
    background-color: #353c70 !important;
}

/* 是否确认删除 */
::ng-deep.ant-modal-confirm-body-wrapper {
    color: white !important;
}

/* 脚步按钮区域 */
::ng-deep.addgraphic .ant-modal-footer {
    background-color: #353c70 !important;
}

/* label字段颜色 */
:host ::ng-deep.ant-form-item-required {
    color: white !important;
}

.addgraphic .title i {
    margin-right: 0.15rem;
    width: 100%;
    height: 0.3rem;
    /* color: white; */
    /* background: black; */
    /* border-radius: 0.25rem; */
    padding: 0.02rem;
    background-color: #353c70 !important;
    color: #ffffff !important;
}

.details div {
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    padding: 0 0.2rem;
}

.id {
    font-size: 18px;
    font-family: Arial-BoldMT;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.name p {
    font-size: 18px;
    font-family: Arial-BoldMT;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.ant-select-selection {
    background: rgba(230, 230, 230, 1);
}

.name input {
    font-size: 18px;
    font-family: ArialMT;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 5px;
}

/* .ng-invalid:not(form) {
    border-left:inherit;
    border-left-width: 1px;
} */

.role input {
    font-size: 18px;
    font-family: ArialMT;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 5px;
}

.role p {
    font-size: 21px;
    font-family: Arial-BoldMT;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.role .select {
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 5px;
    font-size: 22px;
    font-family: ArialMT;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

/* 模态框位置居中 */

/* ::ng-deep .vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;
} */

.ant-form-item-label {
    text-align: left;
}

.ng-invalid[_ngcontent-c11]:not(form) {
    border-left: 1px solid #d9d9d9;
}

/* 设置日期选择框的宽度100% */
:host ::ng-deep .ant-calendar-picker {
    width: 100%;
}

/* .avatar {
    width: 128px;
    height: 128px;
}
.upload-icon {
    font-size: 32px;
    color: #999;
}
.ant-upload-text {
    margin-top: 8px;
    color: #666;
} */

:host ::ng-deep.ant-input {
    background-color: #353c70;
    color: white;
    border: 2px solid #6c72a4;
}

::ng-deep.ant-btn {
    border-radius: 10px;
}

::ng-deep .ant-modal-footer {
    border-top: none;
}

::ng-deep.footer-click button:nth-of-type(1) {
    width: 120px;
    background: #7f87be;
    border-radius: 10px;
    border: none;
    color: white;
}

::ng-deep.footer-click button:nth-of-type(2) {
    width: 120px;
    background: #4971ff;
    border-radius: 10px;
    border: none;
    color: white;
}
::ng-deep.ant-select-dropdown-menu-item {
    background-color: white !important;
    color: black !important;
}

::ng-deep.addgraphic .title {
    background-color: #343b6f;
    color: #ffffff;
}
::ng-deep.addgraphic .ant-input {
    border: 1px solid #6c72a4;
    border-radius: 5px;
    background-color: #2c3159;
    color: #afb0b2 !important;
}

::ng-deep .addgraphic .ant-select-disabled .ant-select-selection {
    background-color: #25294a;
    color: white;
}

:host ::ng-deep .ant-upload.ant-upload-select-picture-card > .ant-upload {
    border: 2px solid #6c72a4;
}

:host :ng-deep .ant-select-selection-selected-value.ng-tns-c19-23.ng-star-inserted {
    color: #afb0b2;
    font-size: 14px !important;
}
/* :host ::ng-deep .ant-select-selection--single{
    color: #afb0b2;
    font-size: 14px;
} */

/* .ant-select-selection-selected-value.ng-star-inserted */
::ng-deep .ant-select-selection.ant-select-selection--single {
    color: #afb0b2;
    font-size: 14px !important;
    border: 1px solid #6c72a4;
}

::ng-deep .ant-select-dropdown-menu.ant-select-dropdown-menu-root.ant-select-dropdown-menu-vertical {
    background-color: white;
    color: black;
}

::ng-deep .ant-select-dropdown-menu-item:hover {
    color: #7d85bb !important;
    background-color: #e6f7ff !important;
}
